<template>
    <div>头像</div>
    <!-- <n-dropdown :options="option">
        <hover-containter class="padding-x-12px">
            <img :src="avatar" alt="头像">
        </hover-containter>
    </n-dropdown> -->
</template>

<script setup lang='ts'>
// import { iconifyRender } from '@utils/common/icon';
// import { NDropdown, useDialog } from 'naive-ui';
// import { HoverContainter } from '@/components/BasicComponents/common/index';
// import avatar from '@pic/logo.png'

// const option = [
//     {
//         label: '个人中心',
//         key: 'personal-center',
//         icon: iconifyRender('carbon:user-avatar'),
//     },
//     {
//         type: 'divider',
//         key: 'divider',
//     },
//     {
//         label: '退出登录',
//         key: 'logout',
//         icon: iconifyRender('carbon:logout'),
//     },
// ]

</script>

<style scoped>
</style>